<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta id="viewport" content="width=320; initial-scale=1.0; maximun-scale=1.0; user-scalable=0;" name="viewport" />
<title>Prototipo WUI Optimitive</title>
<link href="UI/optimitive.css" rel="stylesheet" type="text/css" />
<script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript"><!--
 //<![CDATA[
function comprobar(nick) 
{
  var url = 'https://'+location.host+'/Prototipo/ajax_comprobar_nick.php';
  var myAjax = new Ajax.Updater( 'comprobar_mensaje', url, { method: 'get', parameters: {nickname: nick}});
}
// -->
</script>
</head>

<body>

<div id="container">
	<div id="leftSide">
		<form action="functions/register.php" autocomplete="off" class="logon" method="post" name="logon">
			<fieldset>
			<legend>Register</legend>
			<label for="user">Username</label><div class="div_texbox">
				<input class="username" name="user" onkeyup="comprobar(this.value)" type="text" value="username" />
				<span id="comprobar_mensaje"></span></div>
			<label for="pass">Password</label><div class="div_texbox">
				<input class="password" name="pass" type="password" value="password" title="Enter a password greater than 6 characters"  /></div>
			<label for="pass2">Repeat Password</label><div class="div_texbox">
				<input class="password" name="pass2" type="password" value="password" title="Enter the same password for confirmation"/></div>
			<div class="button_div">
				<input class="buttons" type="submit" value="SIGN UP" /></div>
			</fieldset>
		</form>
	</div>
</div>

</body>

</html>
